<h3><?php echo $this->title?></h3>
<div class="span-2 column" style="text-align:center">
	<div style="border:1px dotted <?php echo '#'.$this->blog->getTextColor()?>;">
		<span >
			<?php echo $this->blog->create_at ?> 
		</span>
		<br/>
		<br/>
		<?php $remarks_count = $this->blog->remarks_count ;?>
		<?php if(!empty($remarks_count)):?>
			<span class="highlight" style="font-size:1.5em;"><?php echo $this->blog->remarks_count ?></span>
		<?php endif;?>
		<br/>
		<br/>
		<dfn><a href="<?php echo $this->baseUrl?>/u/<?php echo $this->blog->user_id ?>"><?php echo $this->blog->nickname ?></a></dfn>
	</div>
	<div>
		<br/>
		<?php if($this->blog->isOpenRemark()):?>
			<a href="<?php echo $this->baseUrl?>/index/remark/b_id/<?php echo $this->blog->id?>#draggable_intro">Remark</a>
		<?php endif;?>
		<br/>
	</div>			
</div>
<div class="span-17 column last">
	<h3><?php echo $this->blog->title ?></h3>							
	<p ><?php echo nl2br($this->blog->abstract_context) ?></p>
	<br/>
	<hr/>
	<p ><?php echo nl2br($this->blog->context) ?></p>
	<br/>
</div>	
<hr class="space"/>
<?php $remarks = $this->blog->getRemarkInfo() ?>
<hr/>
<?php if(!empty($remarks)):?>	
	<div class="span-2 column">
		<p>Remarks</p>
	</div>
	<div class="span-17 column last" >
		<?php foreach ($remarks as $remark):?>
			<div class="span-3 column" style="padding:1em;text-align:center;border:1px dotted #000">
				<span >
					<?php echo $remark->create_at ?> 
				</span>
				<br/>
				<dfn><?php echo $remark->username ?></dfn>
				<br/>
				<dfn><?php echo $remark->email ?></dfn>
			</div>
			<div class="span-12 column last" style="padding:1em;">
				<p><?php echo nl2br($remark->context) ?></p>				
			</div>
			
			<hr class="space"/>
			<hr class="space"/>
		<?php endforeach;?>
	</div>	
<?php endif;?>	
<hr/>
<script type="text/javascript">		
$(document).ready(function() {	
	$("#mainbody a").toAjaxLink();	
});
</script>